﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>网贷资讯 - 给利网</title>

    <style type="text/css">

        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-color: #eaeaea;
        }

        body, td, th {
            font-family: 微软雅黑;
            font-size: 14px;
        }

        a {
            color: #333;
        }

        a:hover {
            color: #328ae3;
            text-decoration: none;
        }

        a:active {
            color: #328ae3;
            text-decoration: none;
        }

        .n1 {
            font-size: 20px
        }

        .n2 {
            font-size: 20px;
            color: #666666;
        }

        a:link {
            text-decoration: none;
            color: #333;
        }

        .n3 {
            color: #CCCCCC
        }

        .n4 {
            font-size: 12px;
            color: #999999;
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }
        .n4 a, .n4+a{
            color: #328ae3;
        }

    </style>

    <style>
        ul.pagination {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        ul.pagination li {
            display: inline;
        }

        ul.pagination li a {
            color: black;
            float: left;
            padding: 10px 0px;
            width: 40px;
            text-decoration: none;
            transition: background-color .3s;
            background: #f2f6f8;
            margin-right: 10px;
        }

        ul.pagination li a.active {
            background-color: #328ae3;
            color: white;
        }

        ul.pagination li a:hover:not(.active) {
            background-color: #ddd;
        }

        .pagination li:first-child a {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .pagination li:last-child a {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .STYLE5 {
            font-size: 16px;
            color: #666666;
        }

        .STYLE4 {
            font-size: 16px;
            color:#328ae3;
        }

        .MJF_XW_LIST_3 a {
            width: 66px;
            background-color: #fff;
            border: solid 1px #328ae3;
            height: 25px;
            border-radius: 4px;
            color: #328ae3;
            outline: none;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s ease-in-out;
            padding: 2px 15px;
            out-line: none;
            text-decoration: none;
        }

        .MJF_XW_LIST_3 a:hover {
            background-color: #328ae3;
            color: #fff;
            transition: background-color 0.3s linear;
        }

        .STYLE18 {
            color: #71c5a3;
            font-size: 16px;
        }

        .STYLE24 {
            color: #999999;
            font-size: 12px;
        }

        .STYLE1 {
            font-size: 12px;
            color: #7c7c7c;
        }

        .STYLE3 {
            color: #328ae3;
            font-size: 12px;
        }
    </style>

</head>

<body>
<div th:replace="/front/common::header"></div>
<div th:replace="/front/common::top"></div>

<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="15"></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="80" align="center" bgcolor="#FFFFFF">
            <a href="#">
                <img th:src="@{/front/img/BANNER_02.jpg}" width="1200" height="80" border="0"/></a></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="15"></td>
    </tr>
</table>
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="935" height="500" valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="1">
                <tr>
                    <td bgcolor="#d8d8d8">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                            <tr>
                                <td height="50">
                                    <style>
                                        .news-nav {
                                            box-sizing: border-box;
                                        }

                                        .news-nav span {
                                            float: left;
                                            width: 150px;
                                            text-align: center;
                                            border-right: 1px solid #d8d8d8;
                                            box-sizing: border-box;
                                            cursor: pointer
                                        }
                                        .news-nav span:last-of-type{
                                            border-right: none;
                                        }
                                        .news-nav .active a{
                                            color: #328ae3;
                                        }
                                    </style>
                                    <div class="news-nav">
                                        <span th:class="${#strings.isEmpty(query.type)?'active':''}"><a th:href="@{/article/articleList(type='')}">最新滚动</a></span>
                                        <span th:each="articleType:${typeEnums}" th:class="${#strings.equals(query.type,articleType.code)?'active':''}"><a th:href="@{/article/articleList(type=${articleType.code})}" th:text="${articleType.name}"></a></span>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td height="15"></td>
                </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="1">
                <tr>
                    <td bgcolor="#d8d8d8">
                        <table  width="100%" border="0" cellpadding="15" cellspacing="0" bgcolor="#FFFFFF">
                            <tr>
                                <td>
                                    <table th:each="article:${articlePageInfo.list}" width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="210" height="150" align="center" bgcolor="#EAEAEA"><a
                                                    th:href="@{/article/detail(id=${article.id})}" target="_blank"><img
                                                    th:src="${article.imgPath}"/></a>
                                            </td>
                                            <td>
                                                <table width="97%" border="0" align="right" cellpadding="0"
                                                       cellspacing="0">
                                                    <tr>
                                                        <td height="40"><a th:href="@{/article/detail(id=${article.id})}" target="_blank"
                                                                           class="n1"><span class="n2" th:text="${article.title}"></span></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="80"><span class="n4" th:utext="${#strings.abbreviate(article.content,50)}">&nbsp;&nbsp;</span><a th:href="@{/article/detail(id=${article.id})}" target="_blank">查看全文</a></td>
                                                    </tr>
                                                    <tr>
                                                        <td height="30"><span
                                                                class="n3" th:text="'来源：'+${article.source}+'&nbsp;'+ ${#dates.format(article.gmtCreate,'yyyy-MM-dd HH:mm:ss')}"></span></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                        <td height="40"></td>
                                        </tr>
                                    </table>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td style="text-align:center;">
                                                <ul class="pagination">
                                                    <li th:with="page = ${articlePageInfo.pageNum!=1 ? (articlePageInfo.pageNum-1) : 1}">
                                                        <a th:href="@{/article/articleList(pageNum=${page})}">«</a>
                                                    </li>

                                                    <!--<li><a th:if="${articlePageInfo.pageNum!=1}" th:href="@{/article/articleList(pageNum=${articlePageInfo.pageNum-1})}">«</a></li>-->
                                                    <!--<li><a th:if="${articlePageInfo.pageNum==1}" th:href="@{/article/articleList(pageNum=1)}">«</a></li>-->
                                                    <!--<li><a class="active" href="/news-news_list.html?p=1">1</a></li>-->
                                                    <li th:each="i:${#numbers.sequence(1,articlePageInfo.pages)}"><a class="active" th:class="${i==articlePageInfo.pageNum?'active':''}" th:href="@{/article/articleList(pageNum=${i})}" th:text="${i}"></a></li>

                                                    <li th:with="page = ${articlePageInfo.pageNum==articlePageInfo.pages ? articlePageInfo.pages : (articlePageInfo.pageNum+1)}">
                                                        <a th:href="@{/article/articleList(pageNum=${page})}">»</a>
                                                    </li>

                                                    <!--<li><a th:if="${articlePageInfo.pageNum==articlePageInfo.pages}" th:href="@{/article/articleList(pageNum=${articlePageInfo.pages})}">»</a></li>-->
                                                    <!--<li><a th:if="${articlePageInfo.pageNum!=articlePageInfo.pages}" th:href="@{/article/articleList(pageNum=${articlePageInfo.pageNum+1})}">»</a></li>-->
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
        <td width="15"></td>
        <td width="220" valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td height="369">
                        <a href="#" style="display: block;">
                            <img th:src="@{/front/img/LIST_03.jpg}" width="220" height="369"
                            border="0"/>
                        </a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td height="15"></td>
    </tr>
</table>
<style>
    .foot1 {
        color: #a4a5a7;
        font-size: 16px;
        font-weight: bold;
    }

    .foot2 {
        color: #a4a5a7;
        font-size: 14px;
    }

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    .footer a {
        color: #a4a5a7;
    }

</style>
<div th:replace="/front/common::footer"></div>


</body>
</html>
